<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
  <head>
    <title>账户管理</title>
    <base href="<%=basePath%>">
  </head>
  
  <body>
  
  	<jsp:include page="common.jsp"></jsp:include>
  	<jsp:include page="alert.jsp"></jsp:include>
  	
  	<div class="secMenu-content">
  		<div class="list-hearBar">
	  		<a class="btn btn-primary list-headBtn" href="electric/jsp/accountNew.jsp">新增账户</a>
	  		<button type="button" class="btn btn-primary list-headBtn zifeiAll" id="">批量匹配资费</button>
	  		<button type="button" class="btn btn-primary list-headBtn youhuiAll" id="">批量发放活动</button>
	  			
			<form class="form-inline list-headRight right" role="form">
				<input type="text" class="form-control" placeholder="请输入手机号">
				<input type="text" class="form-control" placeholder="请输入车牌号">
							  
				<select class="form-control">
				  <option>选择所属公司</option>
				  <option>1</option>
				  <option>2</option>
				  <option>3</option>
				  <option>4</option>
				  <option>5</option>
				</select>
				
				<select class="form-control">
				  <option>选择车型</option>
				  <option>1</option>
				  <option>2</option>
				  <option>3</option>
				</select>
				
				<button type="submit" class="btn btn-info">搜索</button>
			</form>
  		</div>
  	
  	 	<table class="table table-hover table-striped table-condensed list-table">
	      <thead>
	        <tr>
	          <th><input type="checkbox" class="checkbox-length list-checkboxAll"></th>
	          <th>账号</th>
	          <th>所属个人</th>
	          <th>所属公司</th>
	          <th>手机号</th>
	          <th>账户类型</th>
	          <th>对应车牌</th>
	          <th>当前套餐</th>
	          <th>操作人</th>
	          <th>最后操作时间</th>
	          <th>操作</th>
	        </tr>
	      </thead>
	      
	      <tbody>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000002</td>
	          <td></td>
	          <td>伯坦科技</td>
	          <td>17767158673</td>
	          <td>公司</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role2">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000003</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000004</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	        <tr>
	          <th><input type="checkbox" class="list-checkbox"></th>
	          <td>0000001</td>
	          <td>赵四</td>
	          <td></td>
	          <td>17767158673</td>
	          <td>个人</td>
	          <td>浙ALJ179</td>
	          <td>常规计费1-K11</td>
	          <td>李红</td>
	          <td>2016-11-30 15:45</td>
	          <td class="list-action">
	          	<a href="electric/jsp/accountEdit.jsp?role1">编辑</a>
	          	<a href="javascript:;" class="zifei">匹配资费</a>
	          	<a href="javascript:;" class="youhui">优惠</a>
	          	<a href="javascript:;" class="delTr">删除</a>
	          </td>
	        </tr>
	         
	      </tbody>
	    </table>
	    
	    <nav>
		  <ul class="pagination right">
		    <li><a href="javascript:;">首页</a></li>
		    <li class="active"><a href="javascript:;">1</a></li>
		  	<li><a href="javascript:;">2</a></li>
		    <li><a href="javascript:;">3</a></li>
		    <li><a href="javascript:;">4</a></li>
		    <li><a href="javascript:;">5</a></li>
		    <li><a href="javascript:;">尾页</a></li>
		  </ul>
		</nav>
	</div>
	
	
   <!-- 资费 -->
   <div class="modal fade " id="zifeiModal" data-backdrop="static">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	        <h4 class="modal-title">匹配资费</h4>
	      </div>
	      <div class="modal-body">
	        
			<form class="form-horizontal" role="form">
			  <div class="form-group">
			    <label class="col-sm-4 control-label">匹配资费</label>
			    <div class="col-sm-5">
			        <label class="radio-inline">
					  <input type="radio" name="zifeiType" id="" value="" checked="checked"> 常规资费
					</label>
					<label class="radio-inline">
					  <input type="radio" name="zifeiType" id="" value=""> 套餐
					</label>
			    </div>
			    <div class="col-sm-offset-4 col-sm-5 modal-tr-2n">
			   		<select class="form-control">
					  <option>请选择资费</option>
					  <option>c01资费1</option>
					  <option>2</option>
					  <option>3</option>
					  <option>4</option>
					  <option>5</option>
					</select>
				</div>
			  </div>
			  
			  <div class="form-group">
			    <label class="col-sm-4 control-label">选择车型</label>
			    <div class="col-sm-6 modal-radio-4n">
					 <label class="radio-inline">
					  <input type="radio" name="carType" id="" value="" checked="checked"> E20
					</label>
					<label class="radio-inline">
					  <input type="radio" name="carType" id="" value=""> A08
					</label>
					 <label class="radio-inline">
					  <input type="radio" name="carType" id="" value=""> K10
					</label>
					<label class="radio-inline">
					  <input type="radio" name="carType" id="" value=""> K11
					</label>
					 <label class="radio-inline">
					  <input type="radio" name="carType" id="" value=""> SKKD
					</label>
					<label class="radio-inline">
					  <input type="radio" name="carType" id="" value=""> K11b
					</label>
					 <label class="radio-inline">
					  <input type="radio" name="carType" id="" value=""> R30
					</label>
					<label class="radio-inline">
					  <input type="radio" name="carType" id="" value=""> R30+
					</label>
			    </div>
			  </div>
			
				<div class="form-group error-bar">
					<div class="col-sm-offset-4 col-sm-5 error-resgister">
						<span id="errorContent">错误提示错误提示错误提示</span><!-- 错误提示 -->
					</div>
				</div>
			</form>

	      </div>
	      <div class="modal-footer">
	      	<button type="button" class="btn btn-success modal-btn">保存</button>
	        <button type="button" class="btn btn-default modal-btn" data-dismiss="modal">取消</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	
	<!-- 优惠 -->
   <div class="modal fade " id="youhuiModal" data-backdrop="static">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	        <h4 class="modal-title">匹配优惠</h4>
	      </div>
	      <div class="modal-body">
	        
			<form class="form-horizontal" role="form">
			  <div class="form-group">
			    <label class="col-sm-4 control-label">营销工具</label>
			    <div class="col-sm-5">
			        <label class="radio-inline">
					  <input type="radio" name="youhuiType" id="" value="" checked="checked"> 优惠券
					</label>
					<label class="radio-inline">
					  <input type="radio" name="youhuiType" id="" value=""> 返现
					</label>
			    </div>
			    <div class="col-sm-offset-4 col-sm-5 modal-tr-2n">
			   		<select class="form-control">
					  <option>请选择对应方式</option>
					  <option>101优惠券1</option>
					  <option>2</option>
					  <option>3</option>
					</select>
				</div>
			  </div>
			  
				<div class="form-group error-bar">
					<div class="col-sm-offset-4 col-sm-5 error-resgister">
						<span id="errorContent">错误提示错误提示错误提示</span><!-- 错误提示 -->
					</div>
				</div>
			</form>

	      </div>
	      <div class="modal-footer">
	      	<button type="button" class="btn btn-success modal-btn">保存</button>
	        <button type="button" class="btn btn-default modal-btn" data-dismiss="modal">取消</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
  
  <script type="text/javascript">
		$(document).ready(function(){
			leftMenu.initBlock1_1();//左菜单栏初始化
			delEvent();//删除当前一行
		});
		
		function delEvent(){
			//删除框的确定事件
			$(".delSureBtn").on("click",function(){
				var thisBtn=$(this);
				$(".delFlag").css("display","none");//删除设有删除标记的行
				$(".newAlertBox").remove();
			});
			//删除框的取消事件
			$(".delOffBtn").on("click",function(){
				$(".list-table tr").removeClass("delFlag");//当删除框取消时，全部删除标记消失
			});
		}
		
	</script>
  
  </body>
</html>

